<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<!-- Meta, title, CSS, favicons, etc. -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<title>HRs!</title>

	<!-- Bootstrap -->
	<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
	<!-- Font Awesome -->
	<link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
	<!-- NProgress -->
	<link href="../vendors/nprogress/nprogress.css" rel="stylesheet">
	<!-- iCheck -->
	<link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet">
	<!-- bootstrap-wysiwyg -->
	<link href="../vendors/google-code-prettify/bin/prettify.min.css" rel="stylesheet">
	<!-- Select2 -->
	<link href="../vendors/select2/dist/css/select2.min.css" rel="stylesheet">
	<!-- Switchery -->
	<link href="../vendors/switchery/dist/switchery.min.css" rel="stylesheet">
	<!-- starrr -->
	<link href="../vendors/starrr/dist/starrr.css" rel="stylesheet">
	<!-- bootstrap-daterangepicker -->
	<link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">

	<!-- Custom Theme Style -->
	<link href="../build/css/custom.min.css" rel="stylesheet">

	<!--	  <style>-->
	<!--		  .button1{-->
	<!--			  float: right;-->
	<!--			  margin-right: 580px;-->
	<!--		  }-->
	<!--	  </style>-->
</head>

<body class="nav-md">
	<div class="container body">
		<div class="main_container">
			<div class="col-md-3 left_col">
				<div class="left_col scroll-view" >
					<div class="navbar nav_title" style="border: 0;">
						<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>ALBATEL</span></a>
					</div>

					<div class="clearfix"></div>

					<!-- menu profile quick info -->
					<div class="profile clearfix">
						<div class="profile_pic">
							<img src="images/img.jpg" alt="..." class="img-circle profile_img">
						</div>
						<div class="profile_info">
							<span>Welcome,</span>
							<h2 id="userNamesOne">John Doe</h2>
						</div>
					</div>
					<!-- /menu profile quick info -->

					<br />

					<!-- sidebar menu -->
					<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
						<div class="menu_section">
							<h3>Questionnaire</h3>
							<ul class="nav side-menu">
								<li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
									<ul class="nav child_menu">
										<li><a href="index.html">Dashboard</a></li>
									</ul>
								</li>
								<li><a><i class="fa fa-globe"></i> Policies <span class="fa fa-chevron-down"></span></a>
									<ul class="nav child_menu">
										<li><a href="form_wizards.html">Part 1</a></li>
										<li><a href="form_upload.html">Part 2</a></li>
									</ul>
								</li>
								<li><a><i class="fa fa-line-chart"></i> Development<span
											class="fa fa-chevron-down"></span></a>
									<ul class="nav child_menu">
										<li><a href="chartjs.html">Part 1</a></li>
										<li><a href="chartjs2.html">Part2</a></li>
									</ul>
								</li>
								<li><a><i class="fa fa-sitemap"></i>Employee<span class="fa fa-chevron-down"></span></a>
									<ul class="nav child_menu">
										<li><a href="fixed_sidebar.html">Part 1</a></li>
										<li><a href="fixed_footer.html">Part 2</a></li>
									</ul>
								</li>
							</ul>
						</div>
						<div class="menu_section">
							<h3>User</h3>
							<ul class="nav side-menu">
								<li><a><i class="fa fa-info-circle"></i> Corporate Information
										<span class="fa fa-chevron-down"></span></a>
									<ul class="nav child_menu">
										<li><a href="viewInformation.html">View Information</a></li>
										<li><a href="editInformation.html">Edit Information</a></li>
									</ul>
								</li>
								<li><a><i class="fa fa-file-text"></i> Report <span
											class="fa fa-chevron-down"></span></a>
									<ul class="nav child_menu">
										<li><a href="viewReport.html">View</a></li>

									</ul>
								</li>
							</ul>
						</div>

					</div>
					<!-- /sidebar menu -->


				</div>
			</div>

			<!-- top navigation -->
			<div class="top_nav">
				<div class="nav_menu">
					<div class="nav toggle">
						<a id="menu_toggle"><i class="fa fa-bars"></i></a>
					</div>
					<nav class="nav navbar-nav">
						<ul class=" navbar-right">
							<li class="nav-item dropdown open" style="padding-left: 15px;">
								<a href="javascript:;" class="user-profile dropdown-toggle" aria-haspopup="true"
									id="navbarDropdown" data-toggle="dropdown" aria-expanded="false">
									<img src="images/img.jpg" alt=""><span id="userNamesTwo">John Doe</span>
								</a>
								<div class="dropdown-menu dropdown-usermenu pull-right"
									aria-labelledby="navbarDropdown">
									<a class="dropdown-item" href="viewInformation.html"> Profile</a>
									<a class="dropdown-item" href="editInformation.html">
										<span>Edit</span>
									</a>
									<a class="dropdown-item" href="https://albatel.ie/contact-us/">Contact us</a>
									<a class="dropdown-item" href="login.html"><i class="fa fa-sign-out pull-right"></i>
										Log Out</a>
								</div>
							</li>

							<!--							<li role="presentation" class="nav-item dropdown open">-->
							<!--								<a href="javascript:;" class="dropdown-toggle info-number" id="navbarDropdown1" data-toggle="dropdown" aria-expanded="false">-->
							<!--									<i class="fa fa-envelope-o"></i>-->
							<!--									<span class="badge bg-green">6</span>-->
							<!--								</a>-->
							<!--								<ul class="dropdown-menu list-unstyled msg_list" role="menu" aria-labelledby="navbarDropdown1">-->
							<!--									<li class="nav-item">-->
							<!--										<a class="dropdown-item">-->
							<!--											<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>-->
							<!--											<span>-->
							<!--												<span>John Smith</span>-->
							<!--												<span class="time">3 mins ago</span>-->
							<!--											</span>-->
							<!--											<span class="message">-->
							<!--												Film festivals used to be do-or-die moments for movie makers. They were where...-->
							<!--											</span>-->
							<!--										</a>-->
							<!--									</li>-->
							<!--									<li class="nav-item">-->
							<!--										<a class="dropdown-item">-->
							<!--											<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>-->
							<!--											<span>-->
							<!--												<span>John Smith</span>-->
							<!--												<span class="time">3 mins ago</span>-->
							<!--											</span>-->
							<!--											<span class="message">-->
							<!--												Film festivals used to be do-or-die moments for movie makers. They were where...-->
							<!--											</span>-->
							<!--										</a>-->
							<!--									</li>-->
							<!--									<li class="nav-item">-->
							<!--										<a class="dropdown-item">-->
							<!--											<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>-->
							<!--											<span>-->
							<!--												<span>John Smith</span>-->
							<!--												<span class="time">3 mins ago</span>-->
							<!--											</span>-->
							<!--											<span class="message">-->
							<!--												Film festivals used to be do-or-die moments for movie makers. They were where...-->
							<!--											</span>-->
							<!--										</a>-->
							<!--									</li>-->
							<!--									<li class="nav-item">-->
							<!--										<a class="dropdown-item">-->
							<!--											<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span>-->
							<!--											<span>-->
							<!--												<span>John Smith</span>-->
							<!--												<span class="time">3 mins ago</span>-->
							<!--											</span>-->
							<!--											<span class="message">-->
							<!--												Film festivals used to be do-or-die moments for movie makers. They were where...-->
							<!--											</span>-->
							<!--										</a>-->
							<!--									</li>-->
							<!--									<li class="nav-item">-->
							<!--										<div class="text-center">-->
							<!--											<a class="dropdown-item">-->
							<!--												<strong>See All Alerts</strong>-->
							<!--												<i class="fa fa-angle-right"></i>-->
							<!--											</a>-->
							<!--										</div>-->
							<!--									</li>-->
							<!--								</ul>-->
							<!--							</li>-->
						</ul>
					</nav>
				</div>
			</div>
			<!-- /top navigation -->

			<!-- page content -->
			<div class="right_col" role="main">
				<div class="">
					<div class="page-title">
						<div class="title_left">
							<h3>EDIT</h3>
						</div>

						<div class="title_right">
							<div class="col-md-5 col-sm-5  form-group pull-right top_search">
							</div>
						</div>
					</div>
					<div class="clearfix"></div>
					<div class="row">
						<div class="col-md-12 col-sm-12 ">
							<!--company information-->
							<div class="x_panel">
								<div class="x_title">
									<h2>Company Information</h2>
									<ul class="nav navbar-right panel_toolbox">
										<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
										</li>
										<li><a class="close-link"><i class="fa fa-close"></i></a>
										</li>
									</ul>
									<div class="clearfix"></div>
								</div>
								<div class="x_content">
									<br />
									<form id="demo-form2" data-parsley-validate class="form-horizontal form-label-left">
										<!-- company name-->
										<div class="item form-group">
											<label class="col-form-label col-md-3 col-sm-3 label-align"
												for="company-name">Company Name<span class="required"></span>
											</label>
											<div class="col-md-6 col-sm-6 ">
												<input type="text" id="company-name" required="required"
													class="form-control ">
											</div>
										</div>
										<!--Business Sector-->
										<div class="item form-group">
											<label class="col-form-label col-md-3 col-sm-3 label-align"
												for="Business">Business Sector<span class="required"></span>
											</label>
											<div class="col-md-6 col-sm-6 ">
												<input type="text" id="Business" name="Business" required="required"
													class="form-control">
											</div>
										</div>
										<!--Number of Employees-->
										<div class="item form-group">
											<label for="number"
												class="col-form-label col-md-3 col-sm-3 label-align">Number of
												Employees</label>
											<div class="col-md-6 col-sm-6 ">
												<input type="text" id="number" required="required"
													class="form-control ">
											</div>
										</div>
										<!--Company Location-->
										<div class="item form-group">
											<label for="location-name"
												class="col-form-label col-md-3 col-sm-3 label-align">Company
												Location</label>
											<div class="col-md-6 col-sm-6 ">
												<input type="text" id="location-name" required="required"
													class="form-control ">
											</div>
										</div>
										<div class="button1" align="center">
											<div class="button-div">
												<!-- <button  > <i class="fa fa-upload m-right-xs"></i>
													&nbsp&nbspSubmit</button> -->
												<a class="btn btn-success"
													οnclick="document.getelementbyid('myform').submit(); return false;"
													onclick="Submit()">
													<i class="fa fa-upload m-right-xs"></i>
													&nbsp&nbspSubmit
												</a>
											</div>




									</form>

								</div>
							</div>
							<!--contact information-->
							<div class="x_panel">
								<div class="x_title">
									<h2>Contact Information</h2>
									<ul class="nav navbar-right panel_toolbox">
										<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
										</li>
										<li><a class="close-link"><i class="fa fa-close"></i></a>
										</li>
									</ul>
									<div class="clearfix"></div>
								</div>
								<div class="x_content">
									<br />
									<form id="demo-form3" data-parsley-validate class="form-horizontal form-label-left">

										<div class="item form-group">
											<label class="col-form-label col-md-3 col-sm-3 label-align"
												for="contact-name">Contact Name<span class="required"></span>
											</label>
											<div class="col-md-6 col-sm-6 ">
												<input type="text" id="contact-name" required="required"
													class="form-control ">
											</div>
										</div>
										<div class="item form-group">
											<label class="col-form-label col-md-3 col-sm-3 label-align"
												for="Job-Title">Contact Job Title<span class="required"></span>
											</label>
											<div class="col-md-6 col-sm-6 ">
												<input type="text" id="Job-Title" name="Business" required="required"
													class="form-control">
											</div>
										</div>
										<div class="item form-group">
											<label for="Contact-Email"
												class="col-form-label col-md-3 col-sm-3 label-align">Contact
												Email</label>
											<div class="col-md-6 col-sm-6 ">
												<input id="Contact-Email" class="form-control" type="text"
													name="number">
											</div>
										</div>
										<div class="item form-group">
											<label for="Contact-Phone"
												class="col-form-label col-md-3 col-sm-3 label-align">Contact
												Phone</label>
											<div class="col-md-6 col-sm-6 ">
												<input id="Contact-Phone" class="form-control" type="text"
													name="location-name">
											</div>
										</div>
										<div class="button1" align="center">
											<div class="button-div"> <a class="btn btn-success" href="#"
													οnclick="document.getelementbyid('myform').submit();return false;" onclick="Submit2()"><i
														class="fa fa-upload m-right-xs"></i>&nbsp&nbspSubmit</a>
											</div>


									</form>
								</div>
							</div>
						</div>


					</div>





				</div>
			</div>
			<!-- /page content -->

			<!-- footer content -->
			<footer>
				<div class="pull-right">
					To learn more - Go to the website <a href="https://albatel.ie/">ALBATEL</a>
				</div>
				<div class="clearfix"></div>
			</footer>
			<!-- /footer content -->
		</div>
	</div>

	<!-- jQuery -->
	<script src="../vendors/jquery/dist/jquery.min.js"></script>
	<!-- Bootstrap -->
	<script src="../vendors/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
	<!-- FastClick -->
	<script src="../vendors/fastclick/lib/fastclick.js"></script>
	<!-- NProgress -->
	<script src="../vendors/nprogress/nprogress.js"></script>
	<!-- bootstrap-progressbar -->
	<script src="../vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
	<!-- iCheck -->
	<script src="../vendors/iCheck/icheck.min.js"></script>
	<!-- bootstrap-daterangepicker -->
	<script src="../vendors/moment/min/moment.min.js"></script>
	<script src="../vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
	<!-- bootstrap-wysiwyg -->
	<script src="../vendors/bootstrap-wysiwyg/js/bootstrap-wysiwyg.min.js"></script>
	<script src="../vendors/jquery.hotkeys/jquery.hotkeys.js"></script>
	<script src="../vendors/google-code-prettify/src/prettify.js"></script>
	<!-- jQuery Tags Input -->
	<script src="../vendors/jquery.tagsinput/src/jquery.tagsinput.js"></script>
	<!-- Switchery -->
	<script src="../vendors/switchery/dist/switchery.min.js"></script>
	<!-- Select2 -->
	<script src="../vendors/select2/dist/js/select2.full.min.js"></script>
	<!-- Parsley -->
	<script src="../vendors/parsleyjs/dist/parsley.min.js"></script>
	<!-- Autosize -->
	<script src="../vendors/autosize/dist/autosize.min.js"></script>
	<!-- jQuery autocomplete -->
	<script src="../vendors/devbridge-autocomplete/dist/jquery.autocomplete.min.js"></script>
	<!-- starrr -->
	<script src="../vendors/starrr/dist/starrr.js"></script>
	
	<!-- Custom Theme Scripts -->
	<script src="../build/js/custom.min.js"></script>
	<script src="./js/utils.js"></script>
	<script>
		let user = getUser();
		let account = user.account;

		function Submit() {
			let data = {
				account: '',
				location: '',
				employees: 0,
				business_sector: '',
				company: '',
			}
			data.account = account;
			data.location = document.getElementById("location-name").value == null ||  document.getElementById("location-name").value == '' ? null : document.getElementById("location-name").value;
			data.employees = document.getElementById("number").value   == null ||  document.getElementById("number").value == '' ? null : document.getElementById("number").value *1;
			data.business_sector = document.getElementById("Business").value  == null ||  document.getElementById("Business").value == '' ? null : document.getElementById("Business").value;
			data.company = document.getElementById("company-name").value  == null ||  document.getElementById("company-name").value == '' ? null : document.getElementById("company-name").value ;
			let re = rqeuest("/user/editInf", 'POST',data);
			if(re.code == 0){
				alert(re.message);
				location.reload();
			}else{
				alert(re.message);
			}
		}

		function Submit2() {
			let data = {
				account: '',
				contact_name: '',
				contact_job: '',
				contact_email: '',
				contact_phone: ''
			}
			data.account = account;
			data.contact_name = document.getElementById("contact-name").value  == null ||  document.getElementById("contact-name").value == '' ? null : document.getElementById("contact-name").value;
			data.contact_job = document.getElementById("Job-Title").value  == null ||  document.getElementById("Job-Title").value == '' ? null : document.getElementById("Job-Title").value ;
			data.contact_email = document.getElementById("Contact-Email").value  == null ||  document.getElementById("Contact-Email").value == '' ? null : document.getElementById("Contact-Email").value ;
			data.contact_phone = document.getElementById("Contact-Phone").value  == null ||  document.getElementById("Contact-Phone").value == '' ? null : document.getElementById("Contact-Phone").value ;
			let re = rqeuest("/user/editInf2", 'POST',data);
			if(re.code == 0){
				alert(re.message);
				location.reload();
			}else{
				alert(re.message);
			}
		}


	</script>
</body>

</html>